$green: #1abc9c;
$red: #ff7373;
.contents {
  background: #f7f7f7;
	padding-bottom: 34px;
	.evaluation {
		margin: 30px 0;
		.cp_r {
			width: 998px;
			// height: 961px;
			background-color: #ffffff;
			border: solid 1px #eeeeee;
			.cp_r_tab {
				height: 50px;
				background-color: #fdfdfd;
				border-bottom: solid 1px #eeeeee;
				line-height: 50px;
				font-size: 18px;
				color: #666;
				div {
					text-align: center;
					width: 101px;
					height: 50px;
				}
				.active {
					background-color: #ffffff;
					color: $green;
					border-top: 4px solid $green;
				}
			}
			.evaluatedbox {
				width: 100%;
				// display: block;
				padding: 26px;
				flex-wrap: wrap;
				.evaluation_item {
					width: 23%;
					border: solid 1px #eeeeee;
					margin-bottom: 20px;
					.evaluation_item_top {
						padding: 10px;
						flex-direction: column;
						font-size: 16px;
						img {
							width: 132px;
							height: 139px;
						}
						.proname {
							color:#333;
							line-height: 24px;
							margin: 20px 0;
						}
						.price {
							width: 100%;
							span {
								&:first-child {
									color: #ff4633;
								}
								&:last-child {
									color: #999;
								}
							}
						}
					}
					.evaluation_item_bottom {
						height: 50px;
						text-align: center;
						line-height: 50px;
						font-size: 18px;
						color: $green;
						border-top: solid 1px #eeeeee;
					}
				}
			}
		}
	}
}
